{% extends "base.html" %}

{% block title %}管理员面板{% endblock %}

{% block content %}
<div class="container-fluid mt-4">
    <div class="row">
        <!-- 侧边导航栏 -->
        <div class="col-md-3">
            <div class="card shadow-sm">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="fas fa-cog me-2"></i>管理菜单</h5>
                </div>
                <div class="list-group list-group-flush">
                    <a href="{{ url_for('admin.dashboard') }}"
                       class="list-group-item list-group-item-action d-flex align-items-center active">
                        <i class="fas fa-tachometer-alt me-2"></i>控制台
                    </a>
                    <a href="{{ url_for('admin.manage_users') }}"
                       class="list-group-item list-group-item-action d-flex align-items-center">
                        <i class="fas fa-users me-2"></i>用户管理
                    </a>
                    <a href="{{ url_for('admin.settings') }}"
                       class="list-group-item list-group-item-action d-flex align-items-center">
                        <i class="fas fa-sliders-h me-2"></i>系统设置
                    </a>
                    <a href="{{ url_for('admin.manage_books') }}"
                       class="list-group-item list-group-item-action d-flex align-items-center">
                        <i class="fas fa-book me-2"></i>图书管理
                    </a>
                    <a href="{{ url_for('admin.borrow_requests') }}"
                       class="list-group-item list-group-item-action d-flex align-items-center">
                        <i class="fas fa-hand-holding me-2"></i>申请借阅
                    </a>
                    <a href="{{ url_for('admin.return_requests') }}"
                       class="list-group-item list-group-item-action d-flex align-items-center">
                        <i class="fas fa-undo me-2"></i>归还管理
                    </a>
                </div>
            </div>
        </div>

        <!-- 主内容区 -->
        <div class="col-md-9">
            <h2 class="mb-4"><i class="fas fa-tachometer-alt me-2"></i>控制台</h2>

            <!-- 欢迎卡片 -->
            <div class="card border-0 shadow-sm mb-4">
                <div class="card-body">
                    <h5 class="card-title">系统概览</h5>
                    <p class="card-text">欢迎回来，管理员 {{ current_user.username }}！</p>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .list-group-item {
        transition: all 0.3s ease;
    }
    .list-group-item:hover {
        background-color: #f8f9fa;
        transform: translateX(5px);
    }
    .card {
        border-radius: 10px;
        overflow: hidden;
    }
    .card-header {
        border-radius: 10px 10px 0 0 !important;
    }
</style>
{% endblock %}
